<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>大连高校环境联盟</title>
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-dialog.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/user.css">

    <!-- Javascript -->
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-dialog.min.js"></script>
    <script type="text/javascript" src="js/date_fns.min.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/nav.js"></script>
    <script type="text/javascript" src="js/sign-up-in.js"></script>
    <script type="text/javascript" src="js/noback.js"></script>


    <style>
        .carousel {
            height: 450px;
            background-color: #000;
        }
        .carousel .item {
            height: 450px;
            background-color: #000;
        }
        .carousel img {
            width: 100%;
        }
        .carousel-caption {
            margin-bottom: 20px;
            line-height: 1.8;
            font-family: "微软雅黑";
        }
    </style>
</head>

<body>
    <div>
        <div style="background-color: #036eb8; height: 3px"></div>
        <div style="background-image: url('images/bg1.gif'); height: 120px;">
            <div class="container">
                <div class="pull-right" style="margin-top: 10px;" id="pre_login">
                    <a href="#" style="font-size: 13px;margin-right:15px;" data-toggle="modal" data-target="#signInModal" id="title_log"></a>
                    <a href="signup.html" style="font-size: 13px;" id="title_signin"></a>
                </div>
                <div class="pull-right" style="margin-top: 10px;" id="after_login">
                    <a href="#" style="font-size: 13px;" id="exit"></a>
                </div>
                <div class="pull-right" style="margin-top: 10px; margin-right: 10px">
                    <a href="#" style="font-size: 13px;" id="seeHello"></a>
                </div>
                <div class="container" style="padding-top: 15px">
                    <img src="images/logo_title.png" alt="logo">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12">
                    <nav class="navbar navbar-default no-radius" role="navigation">
                        <div class="collapse navbar-collapse">
                            <ul class="nav navbar-nav" id="nav">
                                <li  id="test_home" class="guest">
                                    <a href="home.html">首页</a>
                                </li>
                                <li class="dropdown guest">
                                    <a href="introduction.html?page=0" class="dropdown-toggle" data-toggle="dropdown">了解我们</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="introduction.html?page=0">槐盟介绍</a></li>
                                        <li><a href="introduction.html?page=2">活动图片</a></li>
                                        <li><a href="introduction.html?page=1">联系我们</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown guest">
                                    <a href="activity.html" class="dropdown-toggle" data-toggle="dropdown">活动</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="activity.html">活动预告</a></li>
                                        <li><a href="index.html?menu=activity&type=PRESENTATION">活动展示</a></li>
                                        <li><a href="index.html?menu=activity&type=ACTIVITY">槐盟新闻</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown guest">
                                    <a href="index.html?menu=knowledge&type=PROJECT" class="dropdown-toggle" data-toggle="dropdown">科普知识</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html?menu=knowledge&type=PROJECT">项目知识</a></li>
                                        <li><a href="index.html?menu=knowledge&type=WELFARE">公益知识</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown user">
                                    <a href="index.html?menu=private_activity&type=OFFICE" class="dropdown-toggle" data-toggle="dropdown" id="hh">内部活动</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html?menu=private_activity&type=OFFICE">办公室</a></li>
                                        <li><a href="index.html?menu=private_activity&type=RELATIONS">外联部</a></li>
                                        <li><a href="index.html?menu=private_activity&type=PUBLICITY">宣传部</a></li>
                                        <li><a href="index.html?menu=private_activity&type=FINANCIAL">财务部</a></li>
                                        <li><a href="index.html?menu=private_activity&type=PROJECT">项目部</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown user">
                                    <a href="index.html?menu=training&type=OFFICE" class="dropdown-toggle" data-toggle="dropdown">培训</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html?menu=training&type=OFFICE">办公室</a> </li>
                                        <li><a href="index.html?menu=training&type=RELATIONS">外联部</a> </li>
                                        <li><a href="index.html?menu=training&type=PUBLICITY">宣传部</a> </li>
                                        <li><a href="index.html?menu=training&type=FINANCIAL">财务部</a> </li>
                                        <li><a href="index.html?menu=training&type=PROJECT">项目部</a> </li>
                                    </ul>
                                </li>
                                <li class="dropdown user">
                                    <a href="index.html?menu=notice&type=PROJECT" class="dropdown-toggle" data-toggle="dropdown">公示</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html?menu=notice&type=PROJECT">项目一览</a></li>
                                        <li><a href="index.html?menu=notice&type=HM">槐盟公示</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown user">
                                    <a href="individual.html" class="dropdown-toggle" data-toggle="dropdown">个人中心</a>
                                    <!--<ul class="dropdown-menu">-->
                                        <!--<li><a href="#" onclick="showDiv(0)">个人信息</a></li>-->
                                        <!--<li><a href="#" onclick="showDiv(1)">信息修改</a></li>-->
                                    <!--</ul>-->
                                </li>
                                <li class="dropdown manager">
                                    <a href="manager.html" class="dropdown-toggle" data-toggle="dropdown">用户管理</a>
                                </li>
                            </ul>
                            <form class="navbar-form navbar-right" role="search" style="width:20%;display:none;">
                                <div class="form-group input-group">
                                    <input type="text" class="form-control no-radius" />
                                    <div class="input-group-btn">
                                        <button type="submit" class="btn btn-default no-radius">
                                            <span class="glyphicon glyphicon-search"></span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </nav>
                </div>
            </div>
            <div class="row clearfix" >
                <div class="col-md-12">
                    <div id="home-carousel" class="carousel slide" style="height:430px !important">
                        <!-- 轮播（Carousel）指标 -->
                        <ol class="carousel-indicators">
                            <li data-target="#home-carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#home-carousel" data-slide-to="1"></li>
                            <li data-target="#home-carousel" data-slide-to="2"></li>
                        </ol>
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="images/slide-1.jpg" alt="First slide">
                                <div class="carousel-caption">我们是大自然的守护者</div>
                            </div>
                            <div class="item">
                                <img src="images/slide-2.jpg" alt="Second slide" onclick="document.location=' activity.html'">
                                <div class="carousel-caption">我们的活动期待着你的参与</div>
                            </div>
                            <div class="item">
                                <img src="images/slide-3.jpg" alt="Third slide">
                                <div class="carousel-caption">标题 3</div>
                            </div>
                        </div>
                        <!-- 轮播（Carousel）导航 -->
                        <a class="carousel-control left" href="#home-carousel" data-slide="prev">&lsaquo;</a>
                        <a class="carousel-control right" href="#home-carousel" data-slide="next">&rsaquo;</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container" style="position:relative;margin-bottom: 0">
            <div class="row">
                <div class="col-md-12">
                    <div class="footer">
                        <div class="item">
                            <a href="introduction.html?page=0" style="margin-right: 5px;">关于我们</a>
                            <a href="introduction.html?page=1" style="margin-left: 5px;">联系我们</a>
                        </div>
                        <div class="item">
                            <label style="color:#8a8a8a;font-weight: normal">&copy 版权所有 大连理工大学红蚂蚁实验室</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sign In Modal -->
        <div class="modal fade" id="signInModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content no-radius" style="height: 215px;margin-top: 200px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">登录槐盟  管理员邮箱 manager@hm.com  密码：123123</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="account" class="col-md-2 control-label">邮箱</label>
                                <div class="col-md-10">
                                    <input type="text" class="form-control no-radius" id="login_account" placeholder="请输入邮箱" autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-md-2 control-label">密码</label>
                                <div class="col-md-10">
                                    <input type="password" class="form-control no-radius" id="login_pwd" placeholder="请输入密码" autocomplete="off">
                                </div>
                            </div>
                            <div>
                                <div class="col-md-2" style="margin-top: 10px;">
                                    <a href="findpw.html">忘记密码</a>
                                </div>
                                <div class="col-md-10">
                                    <button type="submit" class="btn btn-primary pull-right no-radius" data-dismiss="modal" id="login_button">确认登录</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!--Modal end-->
         <script type="text/javascript" src="js/user.js"></script>
        <script>
            var user= $.cookie("role");
            switch(user){
                case('USER'):
                    $('#pre_login').hide();
                    $('#after_login').show();role=0;break;
                case('MANAGER'):
                case('VIP'):
                    $('#pre_login').hide();
                    $('#after_login').show();role=1;break;
                default:
                    role=0;
            }
        </script>
    </div>
</body>

</html>
